<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>图书后台管理页面</title>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/jquery-easyui-1.5.5.1/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/jquery-easyui-1.5.5.1/themes/icon.css">
<script type="text/javascript" src="${pageContext.request.contextPath}/static/jquery-easyui-1.5.5.1/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/jquery-easyui-1.5.5.1/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/jquery-easyui-1.5.5.1/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript">

    var url;

    function openTab(text,url,iconCls){
        if($("#tabs").tabs("exists",text)){
            $("#tabs").tabs("select",text);
        }else{
            var content="<iframe frameborder=0 scrolling='auto' style='width:100%;height:100%' src='${pageContext.request.contextPath}/admin/"+url+"'></iframe>";
            $("#tabs").tabs("add",{
                title:text,
                iconCls:iconCls,
                closable:true,
                content:content
            });
        }
    }

    function openPasswordModifyDialog(){
        $("#dlg").dialog("open").dialog("setTitle","修改密码");
        url="${pageContext.request.contextPath}/user/modifyPassword.do";
    }

    function modifyPassword(){
        $("#fm").form("submit",{
            url:url,
            onSubmit:function(){
                var newPassword=$("#newPassword").val();
                var newPassword2=$("#newPassword2").val();
                if(!$(this).form("validate")){
                    return false;
                }
                if(newPassword!=newPassword2){
                    $.messager.alert("系统提示","确认密码输入错误！");
                    return false;
                }
                return true;
            },
            success:function(result){
                var result=eval('('+result+')');
                if(result.success){
                    $.messager.alert("系统提示","密码修改成功,下一次登录失效！");
                    resetValue();
                    $("#dlg").dialog("close");
                }else{
                    $.messager.alert("系统提示","密码修改失败！");
                    return;
                }
            }
        });
    }

    function closePasswordModifyDialog(){
        resetValue();
        $("#dlg").dialog("close");
    }

    function resetValue(){
        $("#newPassword").val("");
        $("#newPassword2").val("");
    }

    function refreshSystem(){
        $.post("${pageContext.request.contextPath}/admin/system/refreshSystem.do",{},function(result){
            if(result.success){
                $.messager.alert("系统提示","已成功刷新系统缓存！");
            }else{
                $.messager.alert("系统提示","刷新系统缓存失败！");
            }
        },"json");
    }

    function logout(){
        $.messager.confirm("系统提示","您确定要退出系统吗?",function(r){
            if(r){
                window.location.href="${pageContext.request.contextPath}/user/admin/logout.do";
            }
        });
    }
</script>
</head>
<body class="easyui-layout">

<div region="center">
	<div class="easyui-tabs" fit="true" border="false" id="tabs">
		<div title="首页" data-options="iconCls:'icon-home'">
			<div align="center" style="padding-top: 100px"><font color="black" size="10">&nbsp;&nbsp;<strong>欢迎：</strong>${currentUser.username }</font></div>
		</div>

	</div>
</div>
<div region="west" style="width: 200px;" title="导航菜单" split="true" >
	<div class="easyui-accordion" data-options="fit:true,border:false">

		<div title="图书管理"  data-options="iconCls:'icon-bkgl'" style="padding:10px;">
			<a href="javascript:openTab('新增图书','addBook.jsp','icon-writeblog')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-writeblog'" style="width: 150px;">新增图书</a>
			<a href="javascript:openTab('图书信息管理','bookManage.jsp','icon-bkgl')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-bkgl'" style="width: 150px;">图书信息管理</a>
		</div>
		<div title="图书类别管理" data-options="iconCls:'icon-bklb'" style="padding:10px">
			<a href="javascript:openTab('图书类别信息管理','categoryManage.jsp','icon-bklb')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-bklb'" style="width: 150px;">图书类别信息管理</a>
		</div>
		<div title="订单管理"  data-options="iconCls:'icon-plgl'" style="padding:10px">
			<a href="javascript:openTab('订单信息管理','orderManage.jsp','icon-review')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-review'" style="width: 150px">订单信息管理</a>
		</div>

		<div title="系统管理"  data-options="iconCls:'icon-system'" style="padding:10px">
			<a href="javascript:openPasswordModifyDialog()" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-modifyPassword'" style="width: 150px;">修改密码</a>
			<a href="javascript:refreshSystem()" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-refresh'" style="width: 150px;">刷新系统缓存</a>
			<a href="javascript:logout()" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-exit'" style="width: 150px;">安全退出</a>
		</div>
	</div>
</div>

<div id="dlg" class="easyui-dialog" style="width: 400px;height: 200px;padding: 10px 20px" closed="true" buttons="#dlg-buttons">
	<form id="fm" method="post">
		<table cellspacing="8px">
			<tr>
				<td>用户名：</td>
				<td>
					<input type="text" id="username" name="username" value="${currentUser.username }" readonly="readonly" style="width: 200px"/>
				</td>
			</tr>
			<tr>
				<td>新密码：</td>
				<td>
					<input type="password" id="newPassword" name="newPassword" class="easyui-validatebox" required="true" style="width: 200px"/>
				</td>
			</tr>
			<tr>
				<td>确认新密码：</td>
				<td>
					<input type="password" id="newPassword2" name="newPassword2" class="easyui-validatebox" required="true" style="width: 200px"/>
				</td>
			</tr>
		</table>
	</form>
</div>
<div id="dlg-buttons">
	<a href="javascript:modifyPassword()" class="easyui-linkbutton" iconCls="icon-ok">保存</a>
	<a href="javascript:closePasswordModifyDialog()" class="easyui-linkbutton" iconCls="icon-cancel">关闭</a>
</div>
</body>
</html>